<!DOCTYPE html>
<html>
 <head>
  <meta http-equiv="content-type" content="text/html;charset=UTF-8" />
  <meta charset="utf-8" /> 
  <title>${template.title}</title> 
  <link rel="shortcut icon" href="favicon.ico" /> 
  <link rel="stylesheet" href="/resources/front/template/nbo/css/style.css" /> 
  <link rel="stylesheet" href="/resources/front/template/nbo/css/anythingslider.css" /> 
  <link rel="stylesheet" href="/resources/front/template/nbo/css/colorbox.css" /> 
  
  <!--[if lt IE 9]>
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]--> 
  <script type="text/javascript" src="/resources/front/template/nbo/js/jquery-1.7.2.min.js"></script> 
  <script type="text/javascript" src="/resources/front/template/nbo/js/superfish.js"></script> 
  <#assign ctx="${springMacroRequestContext.contextPath}">
  <#if  language??> 
  <#assign lg_path="${ctx}/LG-${language}">
  <#else>
  <#assign lg_path="">
  </#if>

  <script type="text/javascript" src="/resources/front/template/nbo/js/jquery.anythingslider.min.js"></script> 
  <meta name="description" content="${template.metaDescription}" />
  <meta name="title" content="${template.metaTitle}" />
  <meta name="keywords" content="${template.metaKeywords}" />
 </head> 
 <body> 
  <header> 
   <h1> <a href="${lg_path}/" class="logo"> <img src="/resources/front/template/nbo/images/logo-nbogroup.png" alt="NBOGroup" title="NBOGroup" /> </a> </h1> 
   <!--end logo--> 
   <div class="search"> 
    <input type="text" name="" /> 
    <input type="submit" name="" class="ico icoSearch" value="" /> 
   </div> 
   <!--end search--> 
<div class="lang">
        <div class="prompt">Language:</div>
        <div class="sel" "><p id="selected-Lg">English</p> <div class="ico icoLang"></div></div>
        <ul style="display:none;">
            <li><a href="#"  class="language" lg="en">English (US)</a></li>
            <li><a href="#" class="language" lg="zh_tw">Traditional Chinese</a></li>
            <li><a href="#"class="language" lg="zh_cn">Simplified Chinese</a></li>
            <li><a href="#" class="language" lg="ta">Tamil</a></li>
            <li><a href="#" class="language" lg="hi">Hindi</a></li>
            <li><a href="#" class="language" lg="ko">Korean</a></li>
            <li><a href="#" class="language" lg="ja">Japanese</a></li>
            <li><a href="#" class="language" lg="ms">Bahasa Malay</a></li>
            <li><a href="#" class="language" lg="id">Bahasa Indonesia</a></li>
            <li><a href="#" class="language" lg="th">Thai</a></li>
            <li><a href="#" class="language" lg="de">German</a></li>
            <li><a href="#" class="language" lg="fr">French</a></li>
            <li><a href="#" class="language" lg="dut">Dutch</a></li>
            <li><a href="#" class="language" lg="ru">Russian</a></li>
            <li><a href="#" class="language" lg="es">Spanish</a></li>
            <li><a href="#" class="language" lg="it">Italian</a></li>
            <li><a href="#" class="language" lg="ara">Arabic</a></li>
        </ul>
    </div>
   <nav> 
<@menu gname="second" ;secMenus>
    <ul class="secNav"> 
	<#list secMenus as menu>
     <li><a href="${lg_path}/${menu.channel.path}">${menu.name}</a> 
	</#list>    
	    </ul> 
    <ul class="mainNav"> 
	<@menu gname="header" ;menus>
	<#list menus as menu>
	 <li><a href="${lg_path}/${menu.channel.path}">${menu.name}</a> 
	  <ul> 
	 	<#list menu.children as  sm>
	 		 <li><a href="${lg_path}/${sm.channel.path}">${sm.name}</a> </li>
	 	</#list>
	 	</ul>
	</#list>
    
    </ul> 
   </nav> 
   <!--end nav--> 
  </header> 
  <!-- end header --> 
  <#include main>
  <!-- end main --> 
  <div class="clear"></div> 
  <footer> 
  
  <#list menus as menu>
   <div class="ftLinks"> 
    <h3>${menu.name}</h3> 
	  <ul> 
	 	<#list menu.children as  sm>
	 		 <li><a href="${lg_path}/${sm.channel.path}">${sm.name}</a></li> 
	 	</#list>
	 	</ul>
 	</div>
	</#list>
   <div class="ftLinks last"> 
    <ul> 
 
 
 	<#list secMenus as menu>
     <li><a href="${lg_path}/${menu.channel.path}">${menu.name}</a> 
   	</#list>    
 
	</@menu>
   </div> 
   <div class="ftR"> 
    <div class="maillist"> 
     <label>Join our mailing list!</label> 
     <input type="text" name="" /> 
     <input type="submit" name="" value="" class="ico icoMail" /> 
    </div> 
    <div class="sn">
      Connect with us on 
     <a href="#"><i class="ico icoLinkedIn"></i></a> 
    </div> 
   </div> 
   <div class="copyright"> 
    <div class="designby">
     Designed by 
     <a href="http://www.24k.com.sg/" target="_blank" title="24K Design Studio">24K Design Studio</a>
    </div> Copyright © 2013 NBOGroup Pte Ltd. All rights reserved. 
   </div> 
  </footer> 
 </@menu>
  
  <!-- end footer --> 
  <script src="/resources/ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script> 
<#if Session['submit_form']??>
  <script src="/resources/front/template/nbo/js/download.js"></script> 
<#else>
  <script src="/resources/front/template/nbo/js/submit.js"></script> 
</#if>
  
  
  <script type="text/javascript">
    $(document).ready(function(){
 
	var language = "${language!'en'}";
	$('.language').each(function() {
	var lg = $(this).attr('lg');	
	if (lg == language){
	$(this).parents().addClass("sel");
	 $("#selected-Lg").text($(this).text());	 
 	 
	}else{
    $(this).click(
        function() {
        var local = "${view_path!''}" ;
        if (local.length!=0){
         window.location = "${ctx}/LG-"+lg+"/"+local+ "/";
        }else{
        window.location = "${ctx}/LG-"+lg+"/";
        
        }
        });
    }
  });
				
var left =  $('.left');
left.empty();
var ul = $('<ul>').appendTo(left);

<#if  left_path??> 
<#else>
<#assign left_path="${view_path!'index'}">
</#if>

<@left gname="header" channel="${left_path}" ;topMenu>
<#list  topMenu.children as  menu>
	<#assign top_path="${topMenu.channel.path}">
	var li = $('<li>').appendTo(ul);
	  $('<a>',{
 	   text: '${menu.name}',
	   href: '${lg_path}/${menu.channel.path}'
	}).appendTo(li);
	
	var ulChild = $('<ul>').appendTo(li);
	<#list  menu.children as  sm>
		var lic = $('<li>').appendTo(ulChild);
			  $('<a>',{
 		   text: '${sm.name}',
		   href: '${lg_path}/${sm.channel.path}'
		}).appendTo(lic);
	</#list>
</#list>
</@left>

<#if top_path??>
<#else>
<#assign top_path="${left_path}">
</#if>
		 $('a').each(function(){
		 	var link = $(this).attr("href");
		 	
			var l =  link.lastIndexOf("/");
			if (l>0){
			link = link.substring(l+1);
			}
			if ('${top_path}' == link){
			var input = $(this).parent();
 			input.addClass('sel'); 
			};


		 });



		
		jQuery('.mainNav').superfish({
				delay:         200, 
			});
		
		$(".left li a.sel").siblings("ul").show();
		//slider
		if( $('.slider').find(".wrap").length ){
			//$(".slider .wrap").show("slide", { direction: "left" }, 500);	
			$(".slider .wrap").show("fade", 500);	
			$(".mainNav a, a.logo, .slider .back a").click(function(event){
				event.preventDefault();
				linkLocation = this.href;
				$(".slider .wrap").hide("slide", { direction: "left" }, 300,redirectPage);		
			});
			$(".mainNav a, a.logo, .slider .forward a").click(function(event){
				event.preventDefault();
				linkLocation = this.href;
				$(".slider .wrap").hide("slide", { direction: "right" }, 300,redirectPage);		
			});
				
				
			function redirectPage() {
				window.location = linkLocation;
			}
		}
		
		$('.icoLang').click(function(){
			$(".lang").children("ul").toggle();
			$(".icoLang").toggleClass("active");
		});
		
		$('.boxS a').hover(
			function(){
				$("#"+$(this).attr("name")).show();
				$('.boxB').addClass("sel");
			},function(){
				$("#"+$(this).attr("name")).hide();
				$('.boxB').removeClass("sel");
			}
		);
		
	});
	
	function search(key){
		if (''!=key){
	         window.location = '${lg_path}/search/'+'view/1/'+key;
		}
	
	}

	
	
	$(document).ready(function(){
			$('.icoSearch').each(function(index, value){
					var input = $(this).siblings(":text");
				input.keypress(function(event){
 
				var keycode = (event.keyCode ? event.keyCode : event.which);
					if(keycode == '13'){
					search(input.val());
					}
 	
				});
				$(this).click(function(){
					 search(input.val());
				
				});
			});
				$('.icoMail').each(function(index, value){
				var input = $(this).siblings(":text");
				input.keypress(function(event){
 				var keycode = (event.keyCode ? event.keyCode : event.which);
					if(keycode == '13'){
					mail(input.val());
					}
 				});
				$(this).click(function(){
					 mail(input.val());
				});
			});
		function mail (mail){
		$.ajax({
			url : "${ctx}/nbo-mail/submit/",
			type : "POST",
			data :  {'mail': mail},
			dataType : "json",
			success : function(data){		
				if(data && data.state && (data.state.indexOf("ERROR") != -1)){
 				 	alert ("Please check input value");
				}else{
				 	alert ("successfully");
				}
			}
			});
		
	}

});
	
	
</script> 


 

  <script type="text/javascript">var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E")); </script> 
  <script type="text/javascript"> try { var pageTracker = _gat._getTracker("UA-12910567-3"); pageTracker._trackPageview(); } catch(err) { }</script> 
  <meta http-equiv="content-type" content="text/html;charset=UTF-8" />
 </body>
</html>